﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_LayoutAdmin.cshtml";
}

<div role="main" class="container_12" id="content-wrapper">
    <!-- Start of the sidebar -->
    <aside>
	    <div id="sidebar_top">

		    <div class="userinfo">
			    <div class="info">
				    <div class="avatar">
					    <img src="@Url.Content("~/Content/Peach/img/sprites/userinfo/avatar.png")" width="80" height="80" alt="">
				    </div>
				    <a href="#">3 Messages</a>
			    </div>
			    <ul class="links">

				    <li>
					    <strong><a href="#">Administrator</a></strong>
				    </li>
				    <li>
					    <a href="#">Settings</a>
				    </li>
				    <li>
					    <a href="#">Logout</a>

				    </li>
			    </ul>
			    <div class="clear"></div>
		    </div>
	    </div>
	    <div id="sidebar_content">
		    <h2>Information</h2>
		    <p>
			    Lorem ipsum dolor sit amet,
			    consectetur adipisicing elit, sed do
			    eiusmod tempor incididunt ut labore
			    et dolore magna aliqua.
		    </p>
		    <div class="divider"></div>
		    <nav>
			    <ul class="menu collapsible">
				    <li class="first-child current">
					    <a href="#">State: current</a>
				    </li>
				    <li>

					    <a href="#">State: normal</a>
					    <ul class="sub">
						    <li>
							    <a href="#">State: normal</a>
						    </li>
						    <li>
							    <a href="#">State: normal</a>

						    </li>
						    <li>
							    <a href="#">State: normal</a>
						    </li>
					    </ul>
				    </li>
				    <li>
					    <a href="#">State: normal</a>

				    </li>
				    <li class="last-child">
					    <a href="#">State: normal</a>
				    </li>
			    </ul>
		    </nav>
	    </div>
    </aside><!-- End of the sidebar-->

				
    <!-- Start of the main content -->
    <div id="main_content">
				
	    <h2 class="grid_12">Dashboard</h2>
	    <div class="clean"></div>
					
	    <div class="grid_12">
		    <div class="box">
			    <div class="content no-padding">
				    <div class="step">

					    <span>1</span>
					    <div class="circle"></div>
					    <a href="#"> <strong>Check out the dashboard</strong>
					    <small>
						    You'll find a sneak preview of
						    <br>
						    the theme's elements.
					    </small> </a>

				    </div>
				    <div class="step">
					    <span>2</span>
					    <div class="circle"></div>
					    <a href="#"> <strong>Check out the other pages</strong>
					    <small>
						    There is a lot to discover.
						    <br>

						    Honestly!
					    </small> </a>
				    </div>
				    <div class="step">
					    <span>3</span>
					    <div class="circle"></div>
					    <a href="#"> <strong>Fill your Profile</strong>

					    <small>
						    Don't forget to fill
						    <br>
						    your profile.
					    </small> </a>
				    </div>
			    </div> <!-- End of .content -->
		    </div> <!-- End of .box -->

	    </div> <!-- End of .grid_12 -->
	    <div class="clear"></div>
					
	    <div class="grid_4">
		    <div class="box">
			    <div class="header">
				    <img src="@Url.Content("~/Content/Peach/img/icons/packs/fugue/16x16/document--plus.png")" alt="" width="16"
				    height="16">
				    <h3>Create a Blogpost</h3>
				    <span></span>

			    </div>
			    <form action="dashboard.html" class="validate">
				    <div class="content no-padding">
					    <div class="section _100">
						    <label for="blogpost-title">
							    Title
						    </label>
						    <div>
							    <input class="required" name="blogpost-title" id="blogpost-title">

						    </div>
					    </div>
					    <div class="section _100">
						    <label for="blogpost-category">
							    Category
						    </label>
						    <div>
							    <select name="blogpost-category" id="blogpost-category" class="required">
								    <option></option>

								    <option>Lorem Ipsum</option>
								    <option>Consetetur Sadipscing</option>
								    <option>Eirmod Tempor</option>
							    </select>
						    </div>
					    </div>
					    <div class="section _100">

						    <label for="blogpost-post">
							    Post
						    </label>
						    <div>
							    <textarea cols="40" rows="5" class="required" name="blogpost-post" id="blogpost-post"></textarea>
						    </div>
					    </div>
				    </div> <!-- End of .content -->

				    <div class="actions">
					    <div class="actions-left">
						    <input type="reset" />
					    </div>
					    <div class="actions-right">
						    <input type="submit" />
					    </div>
				    </div> <!-- End of .actions -->

			    </form>
		    </div> <!-- End of .box -->
	    </div> <!-- End of .grid_4 -->
					
	    <div class="grid_4">
		    <div class="box">
			    <div class="header">
				    <img src="@Url.Content("~/Content/Peach/img/icons/packs/fugue/16x16/ui-accordion.png")" alt="" width="16"
				    height="16">
				    <h3>What you should do</h3>

				    <span></span>
			    </div>
			    <div class="content">
				    <div id="accordion">
					    <h4><a href="#">General Tasks</a></h4>
					    <div>
						    <ul class="block-list with-icon">
							    <li class="i-16-calendar">

								    Lorem ipsum
							    </li>
							    <li class="i-16-application">
								    Lorem ipsum
							    </li>
							    <li class="i-16-balloon">
								    Lorem ipsum
							    </li>
							    <li class="i-16-chart">
								    Lorem ipsum
							    </li>

						    </ul>
					    </div>
					    <h4><a href="#">Financial Tasks</a></h4>
					    <div>
						    <p>
							    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
							    Phasellus pellentesque purus in massa. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor.
						    </p>
						    <ul>
							    <li>

								    List item one
							    </li>
							    <li>
								    List item two
							    </li>
							    <li>
								    List item three
							    </li>
						    </ul>
					    </div>

					    <h4><a href="#">Current Orders</a></h4>
					    <div>
						    <p>
							    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
							    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
							    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
							    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
						    </p>
					    </div>
				    </div> <!-- End of #accordion -->
			    </div> <!-- End of .content -->

		    </div> <!-- End of .box -->
	    </div> <!-- End of .grid_4 -->
					
	    <div class="grid_4">
		    <div class="box">
			    <div class="header">
				    <img src="@Url.Content("~/Content/Peach/img/icons/16x16/list.png")" alt="" width="16"
				    height="16">
				    <h3>Stats List</h3>

				    <span></span>
			    </div>
			    <div class="content">
				    <div class="alert warning no-margin top">
					    <span class="icon"></span>You have 3 overdue support tickets.
				    </div>
				    <ul class="stats-list">
					    <li>
						    <a href="#">Total Visits <span>12132</span></a>

					    </li>
					    <li>
						    <a href="#">Today Visits <span>875</span></a>
					    </li>
					    <li>
						    <a href="#">Comments <span>312</span></a>
					    </li>

					    <li>
						    <a href="#">Support Tickets <span>12</span></a>
					    </li>
				    </ul>
			    </div> <!-- End of .content -->
			    <div class="actions">
				    <div class="actions-left"></div>

				    <div class="actions-right">
					    <a class="button" href="charts.html">Go to stats &raquo;</a>
				    </div>
			    </div> <!-- End of .actions -->
			    <div class="clear"></div>
		    </div> <!-- End of .box -->
	    </div> <!-- End of .grid_4 -->

    </div> <!-- End of #main_content -->
    <div class="push clear"></div>
					
</div> <!-- End of #content-wrapper -->
<div class="clear"></div>